@extends('front.common.layout')

@section('title',$data['seo']->config_title)
@section('keywords',$data['seo']->config_keywords)
@section('description',$data['seo']->config_description)
@section('content')
    <section class="main-slider">
        <div class="theme-slider owl-carousel owl-theme">
            @foreach($data['banner'] as $v)
                <div class="slide-item">
                    <img src="{{ $v->img_src }}" alt="{{ $v->img_src }}">
                    <div class="slide-overlay">
                        <div class="slide-table">
                            <div class="slide-table-cell">
                                <div class="container">
                                    <div class="slide-content">
                                        <h2>{{ $v->banner_title }}</h2>
                                        <p>{{ $v->banner_description }}</p>
                                        <a href="{{ $v->banner_url }}" class="btn-style-eight"> read more
                                            <i class="fa fa-long-arrow-right ml-2"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </section>

    <section class="feature-style-one padd-1">
        <div class="container">
            <div class="sec-title center">
                <h2>Why Choose Us?</h2>
            </div>
            <div class="row">
                <div class="col-md-4 col-sm-6 col-xs-12 feature-column">
                    <div class="feature-content-one">
                        <div class="hexagon-content">
                            <div class="hexagon">
                                <div class="icon"><i class="flaticon-presentation"></i></div>
                            </div>
                        </div>
                        <div class="lower-content">
                            <div class="title">
                                <h4><a href="#">Market Analysis</a></h4></div>
                            <div class="text">13,500m2 company’s area with machining workshop, assembly workshop, standard parts warehouse, welding material warehouse. Standard and advanced production facilities with professional and experienced workers, strictly operated according to ISO9001, ISO14000. </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12 feature-column">
                    <div class="feature-content-one">
                        <div class="hexagon-content">
                            <div class="hexagon">
                                <div class="icon"><i class="flaticon-shield"></i></div>
                            </div>
                        </div>
                        <div class="lower-content">
                            <div class="title">
                                <h4><a href="#">Certificates & Patents</a></h4></div>
                            <div class="text">Luoyang Gaohua is a technology-led enterprise, insisting on technological innovation and design optimization. A new type of peak cooler heat exchange device, anti-white fog closed tower, wet air composite high efficiency condenser and etc., developed by our technical staff, have obtained national patents</div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12 feature-column">
                    <div class="feature-content-one">
                        <div class="hexagon-content">
                            <div class="hexagon">
                                <div class="icon"><i class="flaticon-people"></i></div>
                            </div>
                        </div>
                        <div class="lower-content">
                            <div class="title">
                                <h4><a href="#">Quality Control</a></h4></div>
                            <div class="text">During the production process, the heat exchange tube undergoes overall high-temperature hot-dip galvanizing at 487℃ , three times 2.5mpa pressure tests and a 24-hour holding pressure to ensure that the air tightness and strength of the coil are qualified</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="who-we-are-area padd-5">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                    <div class="who-we-are-img-holder">
                        <img src="{{ asset('/front/images/index-banner.jpg') }}" alt="who-we-are-img-holder" class="wow fadeIn" data-wow-duration="2s" data-wow-delay="0s" data-wow-offset="0">
                    </div>
                </div>
                <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                    <div class="content">
                        <div class="sec-title style-2">
                            <h2>Who <span>We are</span></h2>
                        </div>
                        <div class="text">
                            Luoyang Gaohua Environmental Cooling Technology Co., Ltd. is a professional and modern enterprise integrating R & D, production and marketing of cooling technology and products. We focus on continuous innovation around customer's requirements, upgrade product quality. Meanwhile, we keep an open cooperation with partners, supplying solutions for customer in electric power, metallurgy, coal chemical, petrochemical, refrigeration and other industries.
                            Our main products are: evaporative condensers, evaporative cooler, closed cooling tower, "air cooling + evaporative cooling" composite closed cooling system, anti-white mist efficient cooling system, etc. The products are sold in about 30 provinces, cities or autonomous regions of china, also exported to Turkey, India, Southeast Asia, Africa and so on.
                        </div>
                        <div class="who-item-carousel owl-carousel owl-theme owl-nav-style-one owl-dot-none">
                            <div class="who_test">
                                <div class="founder clearfix">
                                    <div class="name">
                                        <h3>Mission </h3>
                                    </div>
                                </div>
                                <div class="text">
                                    We are a manufacturer of high quality, innovative products, effective solutions and services that develop through our core principle of treating people right. We shine through expert technology and passionate dedication to customer service.
                                </div>
                            </div>
                            <div class="who_test">
                                <div class="founder clearfix">
                                    <div class="name">
                                        <h3>Vision </h3>
                                    </div>
                                </div>
                                <div class="text">
                                    We are dedicated to designing and manufacturing the energy-saving, environmental protection, high-quality and efficient product, providing satisfied service for the clients around the globe, and contribute to the energy conservation of the earth.
                                </div>
                            </div>
                            <div class="who_test">
                                <div class="founder clearfix">
                                    <div class="name">
                                        <h3>Value & Principle </h3>
                                    </div>
                                </div>
                                <div class="text">
                                    Innovation, cooperation, responsibility and respect
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="services-style-one padd-1 bg-1">
        <div class="container">
            <div class="sec-title center">
                <h2>Main <span>Product</span></h2>
            </div>
            <div class="row clearfix">
                @foreach($data['recommend_products'] as $v)
                    <div class="column col-lg-4  col-md-6 col-sm-6 col-xs-12">
                        <div class="service-block wow fadeIn" data-wow-delay="0ms" data-wow-duration="1500ms">
                            <div class="inner-box">
                                <div class="image-box">
                                    <img src="{{ asset($v->product_img) }}" alt="{{ asset($v->product_img) }}" />
                                    <div class="caption">{{ $v->product_name }}</div>
                                    <div class="overlay-box">
                                        <a href="{{ url('product-detail',$v->url) }}">
                                            <div class="text">{{ $v->product_name }}</div>
                                        </a>
                                        <a class="btn-style-three" href="{{ url('product-detail',$v->url) }}">Read More <span class="fa fa-angle-double-right"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>

    <section class="fact-counter" style="background-image:url({{ asset('/front/images/background/index-bk.jpg') }});">
        <div class="container">
            <div class="row clearfix counter-outer">

                <article class="column counter-column col-md-3 col-sm-6 col-xs-12 wow fadeIn" data-wow-duration="0ms">
                    <div class="item">
                        <div class="icon"><i class="flaticon-happiness"></i></div>
                        <div class="count-outer">
                            <span class="count-text" data-speed="2000" data-stop="13500">0</span>㎡
                        </div>
                        <h4 class="counter-title">Total Area</h4>
                    </div>
                </article>

                <article class="column counter-column col-md-3 col-sm-6 col-xs-12 wow fadeIn" data-wow-duration="0ms">
                    <div class="item">
                        <div class="icon"><i class="iconfont icon-gongchang"></i></div>
                        <div class="count-outer">
                            <span class="count-text" data-speed="2000" data-stop="5000">0</span>㎡
                        </div>
                        <h4 class="counter-title">Production and <br> Office Area</h4>
                    </div>
                </article>

                <article class="column counter-column col-md-3 col-sm-6 col-xs-12 wow fadeIn" data-wow-duration="0ms">
                    <div class="item">
                        <div class="icon"><i class="iconfont icon-qian"></i></div>
                        <div class="count-outer">
                            <span class="count-text" data-speed="2000" data-stop="50">0</span>million
                        </div>
                        <h4 class="counter-title">Registered Capital</h4>
                    </div>
                </article>

                <article class="column counter-column col-md-3 col-sm-6 col-xs-12 wow fadeIn" data-wow-duration="0ms">
                    <div class="item">
                        <div class="icon"><i class="iconfont icon-jishu"></i></div>
                        <div class="count-outer">
                            <span class="count-text" data-speed="2000" data-stop="20">0</span>+</div>
                        <h4 class="counter-title">Technician</h4>
                    </div>
                </article>
            </div>
        </div>
    </section>

    <section class="purchase-section" style="background-image:url({{ asset('/front/images/background/index-bk-5.jpg') }});">
        <div class="container">
            <div class="row clearfix">
                <div class="column col-md-8 col-sm-12 col-xs-12">
                    <h2>We would be glad to receive your inquiries and provide immediate support.</h2>
                </div>
                <div class="btn-column col-md-4 col-sm-12 col-xs-12">
                    <a href="{{ url('contact') }}" class="btn-style-seven">LEAVE INFORMATION</a>
                </div>
            </div>
        </div>
    </section>

    <section class="our-team-area padd-2">
        <div class="container">
            <div class="sec-title center">
                <h2>Tech <span>Center</span></h2>
            </div>
            <div class="four-item-carousel owl-carousel owl-theme owl-nav-style-one owl-dot-none">
                @foreach($data['tech_center'] as $v)
                    <div class="single-team-member">
                        <a href="{{ url('tech-center-detail',$v->id) }}">
                            <img src="{{ asset($v->img) }}" alt="{{ asset($v->img) }}" />
                            <div class="overlay">
                                <div class="box">
                                    <div class="content">
                                        <div class="speaker-infos clearfix">
                                            <div class="left-info">
                                                <span>{{ $v->title }}</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>

                    </div>
                @endforeach
            </div>
        </div>
    </section>

    <section class="testimonials-section padd-2" style="background-image:url({{ asset('/front/images/background/index-bk-2.jpg') }});">
        <div class="container">
            <div class="sec-title light center">
                <h2>FAQ</h2>
            </div>

            <div class="testimonials-carousel">

                <article class="testi-slide-item" style="height: 210px;">
                    <div class="slide-text">
                        <p>“ What is the difference between cross flow cooling tower and counter flower cooling tower? ”</p>
                    </div>
                    <div>
                        <a href="{{ url('faq') }}" class="btn-style-two">Read More</a>
                    </div>
                </article>

                <article class="testi-slide-item" style="height: 210px;">
                    <div class="slide-text">
                        <p>“ What is a closed cooling tower? ”</p>
                    </div>
                    <div >
                        <a href="{{ url('faq') }}" class="btn-style-two">Read More</a>
                    </div>
                </article>
                <article class="testi-slide-item" style="height: 210px;">
                    <div class="slide-text">
                        <p>“ Whats is the advantages of evaporative condenser? ”</p>
                    </div>
                    <div>
                        <a href="{{ url('faq') }}" class="btn-style-two">Read More</a>
                    </div>
                </article>
            </div>
        </div>
    </section>

    <section class="news-section padd-1 bg-1">
        <div class="container">
            <div class="sec-title center">
                <h2>Latest News & <span>Updates</span></h2>
            </div>
            <div class="row">
                @foreach($data['news'] as $v)
                    <div class="col-md-4 col-sm-6">
                        <div class="news-style-one">
                            <div class="inner-box">
                                <div class="image">
                                    <img src="{{ asset($v->img) }}" alt="{{ asset($v->img) }}" />
                                    <div class="post-time">{{ date('d M, Y',strtotime($v->created_at)) }}</div>
                                </div>
                                <div class="lower-content">
                                    <h3><a href="{{ url('news-detail',$v->id) }}">{{ $v->news_title }}</a></h3>
                                    <div class="text">
                                        {{ $v->abstract }}
                                    </div>
                                    <div class="link-btn2 center">
                                        <a href="{{ url('news-detail',$v->id) }}" class="btn-style-two">Read More</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>

    <section class="clients-section padd-2">
        <div class="container">
            <div class="sec-title center">
                <h2>Our <span>Client</span></h2>
            </div>
            <div class="client-carousel owl-carousel owl-theme">
                @for($i=1; $i<=13; $i++)
                    <div class="item tool_tip">
                        <img src="{{ asset('/front/clients/'.$i.'.jpg') }}" alt="Our Client">
                    </div>
                @endfor
            </div>
        </div>
    </section>
@endsection
<script>

</script>
